<div class="rootContainer">
  <div class="navContainer">
    <h3 class="title">供应链金融平台</h3>
    <nav class="nav" *ngIf="!isLogin()">
      <app-nav-button caption="银行账户" link="bank-account"></app-nav-button>
      <app-nav-button caption="债权信息" link="recipy-page"></app-nav-button>
      <app-nav-button caption="交易单据" link="transaction-launch"></app-nav-button>
      <app-nav-button caption="信息中心" link="message-center"></app-nav-button>
      <!-- <app-nav-button caption="账户信息" link="account-info"></app-nav-button> -->
    </nav>
    <div class="userStatus" *ngIf="!isLogin()">
      <img class="avatar" src="assets/avatar.svg" alt="" />
      <!-- <span class="name">admin</span>
      <i class="icon" nz-icon nzType="caret-down" nzTheme="fill"></i> -->
      <a nz-dropdown [nzDropdownMenu]="menu" class="name">
        <i nz-icon nzType="down"></i>
      </a>
      <nz-dropdown-menu #menu="nzDropdownMenu">
        <ul nz-menu nzSelectable>
          <li nz-menu-item>{{this.username}}</li>
          <li nz-menu-item><a href="/">退出登录</a></li>
        </ul>
      </nz-dropdown-menu>
    </div>
  </div>
</div>
